var grid;

Ext.onReady(function()
{
    var store = new X.store.Json({
        url : '/documento/ajax-listar',
        fields : [
            'codigoDocumento',
            'nombreDocumento'
        ]
    });

    grid = new X.grid.GridPanel({

        id       : 'grid',
        title    : 'Lista de Documentos',
        height   : 393,
        width    : 316,
        store    : store,

        columns:[
            new X.column.Text  ({header: 'Código',    dataIndex: 'codigoDocumento', width: 56}),
            new X.column.Text  ({header: 'Nombre',    dataIndex: 'nombreDocumento', width: 200}),

            new X.column.Edit  ({editUrl    : '/documento/editar',
                                 idColumn   : 'codigoDocumento'}),

            new X.column.Delete({deleteUrl  : '/documento/ajax-eliminar',
                                 idColumn   : 'codigoDocumento',
                                 msgName    : 'documento',
                                 msgNameCol : 'nombreDocumento'})
        ]
    });

    grid.getBottomToolbar().pageSize = 20;

});
